<template>
 
  <div class="sci-border-1">
    <slot>科技面板</slot>
  </div>
  
</template>

<script>
export default {
  props: {
    primaryColor: {
      type: String,
      default: "#00ff9d",
    },
    secondaryColor: {
      type: String,
      default: "#00b8ff",
    },
  },
  computed: {
    computedStyle() {
      return {
        "--primary": this.primaryColor,
        "--secondary": this.secondaryColor,
      };
    },
  },
};
</script>

<style scoped>

.sci-border-1 {
  position: relative;
  padding: 20px;
  background: #05638925;
  border: 1px solid #0f67d3;
  border-radius: 10px;
  box-shadow: 0 0 20px #00eaff inset, 0 0 10px #00eaff;
  color: #00eaffb1;
}

</style>
